<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="scripts/mainmap.js"></script>
</head>
<body onload="initialize();">
  <div id="map_canvas" style="position: fixed; left: 20%; width: 60%; height: 100%">Map here.</div>
  <div id="left_panel" style="position: fixed; top: 0%; left: 0%; width: 20%; height: 100%">
    <form id="get_form">
      <input type="text" name="keywords"/>
      <input type="submit" value="Search"/>
    </form>
    <div id="search_results">Search results will be shown here.</div>
  </div>
  <div id="right_panel" style="position: fixed; top: 0%; right: 0%; width: 20%; height: 100%">
    <form id="post_form">
      <input type="text" name="title" value="Listing title"/><br/>
      <textarea name="description">Describe your listing here.</textarea>
      <input type="submit" value="Post"/>
    </form>
    <div id="my_posts">Your posts will be shown here.</div>
  </div>
</body>
</html>
